import React from 'react'
import { Grid } from 'antd-mobile'
import './category.scss'

export default function Category() {
    return (
        <div className='category'>
            <Grid columns={5} gap={8}>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/1.png")} alt="" />
                        <p>京东超市</p>
                    </div>
                </Grid.Item>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/2.png")} alt="" />
                        <p>数码电器</p>
                    </div>
                </Grid.Item>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/3.png")} alt="" />
                        <p>京东新百货</p>
                    </div>
                </Grid.Item>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/4.png")} alt="" />
                        <p>京东生鲜</p>
                    </div>
                </Grid.Item>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/5.png")} alt="" />
                        <p>京东到家</p>
                    </div>
                </Grid.Item>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/1.png")} alt="" />
                        <p>京东超市</p>
                    </div>
                </Grid.Item>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/2.png")} alt="" />
                        <p>数码电器</p>
                    </div>
                </Grid.Item>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/3.png")} alt="" />
                        <p>京东新百货</p>
                    </div>
                </Grid.Item>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/4.png")} alt="" />
                        <p>京东生鲜</p>
                    </div>
                </Grid.Item>
                <Grid.Item>
                    <div>
                        <img src={require("../../../assets/5.png")} alt="" />
                        <p>京东到家</p>
                    </div>
                </Grid.Item>
            </Grid>
        </div>
    )
}
